<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" type="text/css" href="css/style.css" />
    <link rel="stylesheet" type="text/css" href="css/common.css">
    <link rel="stylesheet" href="css/swiper.min.css" />
    <link rel="stylesheet" type="text/css" href="css/animate.min.css">
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <link rel="stylesheet" href="css/index.css">
    <!-- 引入animate.js文件 -->
    <script src="js/animate.js"></script>
    <!-- 引入我们首页的js文件 -->
    <script src="js/index2.js"></script>

    <link rel="stylesheet" type="text/css" href="css/normalize.css" />
    <link rel="stylesheet" type="text/css" href="css/default.css">
    <title>狗狗百科详情页 | 欢迎爱狗的您光临本网站！</title>
    <style>
        .to-top {
            background: #3498db;
            color: #fff;
            padding: 15px;
            border-radius: 5px;
            z-index: 99;
        }
        
        .top {
            position: relative;
            margin: auto;
            margin-top: 80px;
            width: 1000px;
            height: 1800px;
        }
        
        .aa {
            position: relative;
            margin: auto;
            margin-top: -630px;
            width: 1000px;
        }
        
        .top h1 {
            font-size: 26px;
            font-weight: normal;
            color: #3E3E3E;
            line-height: 32px;
        }
        
        .top span {
            color: #B9B9B9;
            padding-left: 6px;
            font-size: 14px;
            margin-right: 20px;
        }
        
        .top img {
            position: absolute;
            left: 25%;
            top: 75px;
        }
        
        .top h2 {
            margin-top: 510px;
            font-size: 18px;
            line-height: 190%;
            text-align: justify;
            color: #2A2A2A;
        }
        
        .top span img {
            margin-top: 630px;
        }
        
        .aa h2 {
            font-size: 18px;
            line-height: 190%;
            text-align: justify;
            color: #2A2A2A;
        }
        
        .aa span {
            color: #B9B9B9;
            padding-left: 6px;
            font-size: 14px;
            margin-right: 20px;
        }
        
        .aa img {
            margin-left: 25%;
        }
    </style>
</head>

<body>
    <!-- 导航栏开始 -->
    <div class="index-header clearfix">
        <div class="index-logo fl">
            <a href=""><img src="images/logo.png"></a>
        </div>
        <ul class="index-nav fl">
            <li><a href="index.html">首页</a></li>
            <li><a href="fenlei.html">狗狗大全</a></li>
            <li><a href="wangwangxiu.html">汪汪秀</a></li>
            <li><a href="goushi.html">狗狗市场</a></li>
            <li><a href="xinwen.html">新闻</a></li>
            <li><a href="baike.html">狗狗百科</a></li>
            <li><a href="liuyan.html">联系</a></li>
            <li><a href="zhaopin.html">招聘</a></li>
        </ul>
        <div class="index-header-right fr">
            <a href="" class="search-btn">搜索</a>
            <a href="" class="erweima">
                <div class="erweima-pic">
                    <img src="images/erweima.png">
                </div>
            </a>
        </div>
        <div class="clear"></div>
    </div>
    <!-- 搜索 start-->
    <div class="search_sec">
        <a href="#" title="" class="close-search"><i class=" la-close"><img src="images/icon5.png"></i></a>
        <div class="search_field">
            <div class="container">
                <form>
                    <input type="text" name="search" placeholder="澳大利亚牧羊犬">
                    <button type="submit"><img src="images/search2.png" alt=""></button>
                </form>
            </div>
        </div>
    </div>
    <!--搜索 end-->
    <!-- 导航栏结束 -->
    <a class="to-top">Top &uarr;</a>
    <div class="top">
        <h1>怎样在狗市，绕开“星期狗”？教你几个方法！</h1>
        <span>作者：app</span><span>来源：汪汪网</span>
        <i><img src="images/gai1.png" alt=""></i>
        <h2> 假如你要想在狗市买小狗得话，那麼选择小狗的情况下一定要看看它的臀部，看下是不是有非常脏的状况，如果有黏液哪些的。 那麼就表明这只小狗不健康，有拉肚子过的痕迹！

        </h2>
        <span><img src="images/gai2.png" alt=""></span>

    </div>
    <div class="aa">
        <h2> 在狗市买小狗的情况下，还必须看看它的口腔内部，如果小狗的口腔异味很严重，并且牙床还含惨白，那麼表明它是一只病狗。 一只身心健康的小狗口腔内部全是很身心健康的，牙床粉红色的！

        </h2>
        <span><img src="images/gai3.png" alt=""></span>
    </div>








    <!--footer start-->
    <div class="index-footer">
        <div class="clearfix index-footer-info index-con">
            <div class="logo fl">
                <img src="images/logo4.png">
            </div>
            <div class="lianxi fl">
                <h2>联系方式</h2>
                <p>前台电话： 0546-985-211 </p>
                <p>汪汪电话：0546-985985-211211</p>
                <P>地址：湖北省武汉市汪汪区0214号5478946</P>
                <p>商务产业园01期01号楼东985室</p>
            </div>
            <div class="phone fl">
                400-985-211
            </div>
            <div class="erweima fr">
                <img src="images/erweima.png">
                <p>二维码</p>
            </div>
        </div>

        <div class="index-footer-bottom">
            <div class="index-con clearfix">
                <p class="fl">版权所有 © 2021-2022 汪汪爱狗有限公司 皖ICP备05496841号 公网安备65464654154165号</p>
                <a href="http://www.5imoban.net" target="_blank" class="fr">技术支持：html css js</a>
            </div>
        </div>
    </div>
    <div class="clear"></div>
    <!--footer end-->
    <script type="text/javascript " src="js/jquery.min.js "></script>
    <script type="text/javascript " src='js/modernizr.custom.js'></script>
    <script src="js/more.js "></script>
    <script src="js/swiper.min.js "></script>
    <script type="text/javascript " src="js/main.js "></script>
    <script type='text/javascript' src='js/base.js'></script>
    <script type="text/javascript " src='js/app.js'></script>
    <script src="js/jquery-1.11.0.min.js" type="text/javascript"></script>
    <script src="js/jquery.toTop.min.js"></script>
    <script>
        jQuery(function($) {
            // Plugin activation (basic)
            // $('.to-top').toTop();

            // Plugin activation with options
            $('.to-top').toTop({
                //options with default values
                autohide: true, //boolean 'true' or 'false'
                offset: 420, //numeric value (as pixels) for scrolling length from top to hide automatically
                speed: 500, //numeric value (as mili-seconds) for duration
                right: 15, //numeric value (as pixels) for position from right
                bottom: 30 //numeric value (as pixels) for position from bottom
            });
        });
    </script>
</body>

</html>